<template>
    <div>
        <ul class="newMusicList">
            <Listitem v-for="item in newMusicList" :item="item" :key="item.id"/>
        </ul>
        <Loading v-if="newMusicList.length <= 0"/>
    </div>
</template>

<script>
import Loading from '../components/Loading'
import Listitem from '../components/Listitem'
export default {
    name: 'MusicList',
    components: {
        Loading,
        Listitem
    },
    props: {
        newMusicList: {
            type: Array,
            default() {
                return []
            }
        }
    },
}
</script>

<style lang="less" scoped>

</style>